<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Magic Color, Contact Form, Our Location</title>
<meta name="keywords" content="magic color, contact form, address, map, location, free CSS templates, CSS, HTML" />
<meta name="description" content="Magic Color, Contact Form, Contact Information" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" />    
<!-- Arquivos utilizados pelo jQuery lightBox plugin -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->

<!-- Ativando o jQuery lightBox plugin -->
<script type="text/javascript">
$(function() {
    $('#map a').lightBox();
});
</script>

</head>
<body>

<div id="templatemo_body_wrapper">
	<div id="templatemo_wrapper">
    
		<div id="templatemo_header">
        	<div id="site_title"><h1><a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a></h1></div>
        </div>
        
        <div id="templatemo_menu">
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="about.html">About Us</a></li>
                <li><a href="blog.html">Blog</a></li>
                <li><a href="gallery.html">Gallery</a></li>
                <li><a href="contact.html" class="current last">Contact</a></li>
            </ul>    	
        </div> <!-- end of templatemo_menu -->
        
        <div id="templatemo_main">
        	<div class="col_w900 hr_divider">
			
            	<h2>Contact Information</h2>
		        <p>Aenean tincidunt dignissim tellus, vel molestie justo pulvinar ac. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque blandit arcu ut lorem vulputate id vestibulum orci placerat. In id scelerisque magna. Suspendisse quis erat mauris, a commodo massa. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
            
            </div>
        	
            <div class="col_w900">
            
            	<div class="col_w420 float_l">
                  	<h3> Contact Form</h3>
           	  <div id="cp_contact_form">
					
                        <form method="post" name="contact" action="#">
							<label for="author">Name:</label> <input type="text" id="author" name="author" class="required input_field" />
								<div class="cleaner h10"></div>
												
							<label for="email">Email:</label> <input type="text" class="validate-email required input_field" name="email" id="email" />
								<div class="cleaner h10"></div>
										
							<label for="subject">Subject:</label> <input type="text" class="validate-subject required input_field" name="subject" id="subject"/>				               
								<div class="cleaner h10"></div>
						
							<label for="text">Message:</label> <textarea id="text" name="text" rows="0" cols="0" class="required"></textarea>
								<div class="cleaner h10"></div>                
											
							<input type="submit" value="Send" id="submit" name="submit" class="submit_btn float_l" />
							<input type="reset" value="Reset" id="reset" name="reset" class="submit_btn float_r" />
						</form>
        
                    </div>
                </div>
                
                <div class="col_w420 float_r" id="map">
                    <h3>Map</h3>
                    <a href="images/map_big.jpg" title="">
                        <img src="images/map_thumb.jpg" alt="Map" />
                    </a>
    
                    <div class="cleaner h30"></div>
                                    
                    <h3>Mailing Address</h3>
                    <h6>Company Name</h6>
                    330-660 Duis lacinia dictum, <br />
                    PVestibulum auctor, 21460<br />
                    Diam a mollis tempor<br /><br />
					
                    Tel: 030-020-6600<br />
					Fax: 030-020-5500<br />
					
                </div>
                <div class="cleaner"></div>
            </div>
        </div> <!-- end of templatemo main -->
    	
    </div>
</div>

<div id="templatemo_footer_wrapper">
    <div id="templatemo_footer">
    	
		<a href="index.html">Home</a> | <a href="about.html">About Us</a> | <a href="blog.html">Blog</a> | <a href="gallery.html">Gallery</a> | <a href="contact.html" class="last">Contact</a> <br /><br />
        
        Copyright © 2048 <a href="#">Your Company Name</a> | <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>
    
    </div> <!-- end of templatemo_footer -->
</div>

</body>
</html>